<template>
  <div class="color-red">
    当前功能模块特有的组件
    <a-button>移除吖</a-button>
  </div>
</template>

<script setup lang="ts">
  import { ref, watch } from 'vue';

  const props = defineProps({
    // 渲染的index
    rowIndex: {
      type: Number,
      default: -1,
    },
    // 渲染的key
    renderKey: {
      type: String,
      default: '',
    },
    // 当前行数据
    record: {
      type: Object,
      default: () => ({}),
    },
  });

  const nowVal = ref(props.rowIndex);
  watch(
    () => props.rowIndex,
    (newVal) => {
      nowVal.value = newVal;
    }
  );
</script>

<style scoped lang="less">
  .color-red {
    color: green;
  }
</style>
